<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.bdult.vh.common.UtilBean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="true" %>

<script>
	$(document).ready( function() {			
        $.cookies.set('orderList', null);
        $.cookies.set('updateOrd', null);
        
		$("#wish").click(function() {
			var sOptionFl = $("#optionfl").val();
		    if(sOptionFl == "OP03"){
		      fnWish2();
		    }else{
		      fnWish1();
		    }
		});
		
		$("#guest_order").click(function() {
			if($('#prdOption').attr("selected","selected").val() == '') {
				alert('옵션을 선택하세요');
				return;
			}
			
			var temp    = $('#prdOption').attr("selected","selected").val().split("_");
		    var sSapCd  = temp[0];
		    var sMaxQty = temp[1];
		    
			addOrd('${item.PRDCD}', sSapCd, $("#eaput").val(), $("#price").val(), sMaxQty, $("#corpno").val());
		});
		
		$("#member_order").click(function() {
			if($('#prdOption').attr("selected","selected").val() == '') {
				alert('옵션을 선택하세요');
				return;
			}
			
			var temp    = $('#prdOption').attr("selected","selected").val().split("_");
		    var sSapCd  = temp[0];
		    var sMaxQty = temp[1];
			  
			saveOrd('${item.PRDCD}', sSapCd, $("#eaput").val(), $("#price").val(), sMaxQty, $("#corpno").val());
		});
		
		$("#guest_cart").click(function() {
			if($('#prdOption').attr("selected","selected").val() == '') {
				alert('옵션을 선택하세요');
				return;
			}
			
			var temp    = $('#prdOption').attr("selected","selected").val().split("_");
		    var sSapCd  = temp[0];
		    var sMaxQty = temp[1];
		    
			addCart('${item.PRDCD}', sSapCd, $("#eaput").val(), $("#price").val(), sMaxQty, $("#corpno").val());
		});
		
		$("#member_cart").click(function() {
			if($('#prdOption').attr("selected","selected").val() == '') {
				alert('옵션을 선택하세요');
				return;
			}
			
			var temp    = $('#prdOption').attr("selected","selected").val().split("_");
		    var sSapCd  = temp[0];
		    var sMaxQty = temp[1];
			  
			saveCart('${item.PRDCD}', sSapCd, $("#eaput").val(), $("#price").val(), sMaxQty, $("#corpno").val());
		});
		
		$("#eaput_plus").click(function() {
			var ea = $("#eaput").val();
			$("#eaput").val(Number(ea) + 1);
			if($("#cpnPrc")){
				$("#priceCpn").val($("#priceCpnEa").val()*$("#eaput").val());
				$("#price").val($("#priceEa").val()*$("#eaput").val());
				$("#cpnPrc").html($("#priceCpnEa").val()*$("#eaput").val());
				$("#selPrc").html($("#priceEa").val()*$("#eaput").val());
				$("#totPrc").html($("#priceEa").val()*$("#eaput").val());				
			}else{
				$("#price").val($("#priceEa").val()*$("#eaput").val());
				$("#selPrc").html($("#priceEa").val()*$("#eaput").val());
				$("#totPrc").html($("#priceEa").val()*$("#eaput").val());
			}
		});
		
		$("#eaput_minus").click(function() {
			var ea = $("#eaput").val();
			if(Number(ea)<=1) {
				alert('1개 이하로 줄일 수 없습니다.');
				return;
			}
			$("#eaput").val(Number(ea) - 1);
			if($("#cpnPrc")){
				$("#priceCpn").val($("#priceCpnEa").val()*$("#eaput").val());
				$("#price").val($("#priceEa").val()*$("#eaput").val());
				$("#cpnPrc").html($("#priceCpnEa").val()*$("#eaput").val());
				$("#selPrc").html($("#priceEa").val()*$("#eaput").val());
				$("#totPrc").html($("#priceEa").val()*$("#eaput").val());				
			}else{
				$("#price").val($("#priceEa").val()*$("#eaput").val());
				$("#selPrc").html($("#priceEa").val()*$("#eaput").val());
				$("#totPrc").html($("#priceEa").val()*$("#eaput").val());
			}
		});
	});
	
	function show_tab(no) {
		if($("#tab"+no).css("display")=="none") {
			$("#tab"+no).show();	
			$("#tab" + no + "_li").addClass('on');  
		} else {
			$("#tab"+no).hide();  
			$("#tab" + no + "_li").removeClass('on');  
		}
	}
	
	///////////////////////////////////////////////////////////////////////////////
    //  비회원 바로주문하기                                                        //
    ///////////////////////////////////////////////////////////////////////////////  
    function addOrd(prdcd, sapcd, qty, price, maxqty, corpNo) {
      //JSON
      var key = prdcd + "_" + sapcd;      
      var orderList  = eval('(' + '[]' + ')');       
      var isMax = false;    

      if (Number(qty) > Number(maxqty)) {              
        isMax = true;
      } else {
        orderList.push( {a: key, b: Number(qty), c: Number(price), d: corpNo} ); 
        $.cookies.set('orderList', orderList); 
      }
     
      if (isMax) {
        alert('해당 상품이 품절되어 구매하실 수 없습니다');
        return false;
      }       
        location.replace("/vhmall/order_guest.vh");
    }
	
	///////////////////////////////////////////////////////////////////////////////
    //  회원 바로주문하기                                                        //
    ///////////////////////////////////////////////////////////////////////////////  
    function saveOrd(prdcd, sapcd, qty, price, maxqty, corpNo) {
      //JSON
      var key = prdcd + "_" + sapcd;       
      var  cartList = eval('(' + '[]' + ')'); 
      var isMax = false; 
      if (Number(qty) > Number(maxqty)) {              
        isMax = true;
      } else {
        cartList.push({ a : key, b : qty, c : price, d : corpNo });
        setCartList('updateOrd', cartList);   
      }          
     
      if (isMax) {
        alert('해당 상품이 품절되어 구매하실 수 없습니다');
        return false;
      }      
      location.replace("/vhmall/order.vh?mode=direct");
    }
	
    function fnWish1(){
    	  var temp    = $('#prdOption').attr("selected","selected").val().split("_");
    	  var sBuyQty = $('#buyQty').attr("selected","selected").val();
    	  var sSapCd  = temp[0];
    	  var sMaxQty = temp[1];
    	  if($("optionfl").val() == "OP02" && $("select[name=prdOption]").val() == ""){
    	    alert("옵션을 선택해주세요");
    	    return false;
    	  }  	  
    	  <c:choose>
			<c:when test="${ sessionScope.member_id == null }">
				alert('찜하기는 로그인 후 이용가능합니다.');
			</c:when>
			<c:otherwise>
				saveWish($('#prdcd').val(),sSapCd);
			</c:otherwise>
		  </c:choose>
    }

   	function fnWish2(){
   	  var temp    = $('#orderVal').val().split(";");
   	  var sBuyQty = $('#buyQty').attr("selected","selected").val();
   	  var sSapCd  = temp[0];
   	  var sMaxQty = temp[2];
   	  //첫번째 옵션
   	  if($("select[name=prdOption0]").val() == ""){
   	    alert("옵션을 선택해주세요");
   	    return false;
   	  }
   	  //이외의 옵션들
   	  if($("select[name=prdOption]").val() == ""){
   	    alert("옵션을 선택해주세요");
   	    return false;
   	  }
   	}
</script>

	<!-- 콘텐츠 영역 -->
    <div id="BodyWrap">
        <section>
            <h3>제품 구매</h3>
            <div id="ContentWrap3">
            	<form id="frm" method="post">
            		<input type="hidden" id="priceEa" name="priceEa" value="${item.SELPRC}"/>
            		<input type="hidden" id="priceCpnEa" name="priceEa" value="${item.VIEW_CPNPRC}"/>
            		<input type="hidden" id="prdcd" name="prdcd" value="${item.PRDCD}"/>
            		<input type="hidden" id="corpno" name="corpno" value="${item.CORPNO}"/>
            		<input type="hidden" id="price" name="price" value="${item.SELPRC}"/>
            		<input type="hidden" id="optionfl" name="optionfl" value="${item.OPTIONFL}"/>
            		<input type="hidden" id="priceCpn" name="priceCpn" value="${item.VIEW_CPNPRC}"/>
            		
            	<section>
                	<div class="item_dtailimg"><img src="http://www.vhmall.co.kr/inc/imgLoad.jsp?dirName=product/${item.CORPNO}/&fileName=${item.PRDIMG1_ENC}&thumb=Y&quality=100&size=320" /></div>
                    <h4 class="prod_btitle">${requestScope.item.PRDNM}</h4>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="item_callist" summary="제품구매 결제금액 계산식">
                    	<colgroup>
                        <col style="width:33%">
                        <col style="width:67%">
                        </colgroup>
                        <tr>
                        	<th>혜택가</th>
                            <td>
                            	<c:if test="${item.CPNPRC!=null}">
                            		<span class="lt_price dinmed" id="selPrc">${item.VIEW_SELPRC}원</span><span class="dinmed ftc_blue" id="cpnPrc">${item.VIEW_CPNPRC}</span>원
                                </c:if>
                                <c:if test="${item.CPNPRC==null}">
                            		<span class="dinmed ftc_blue" id="selPrc">${item.VIEW_SELPRC}</span>원
                                </c:if>
                            </td>
                        </tr>
                        <tr>
                        	<th>배송비</th>
                            <td>
                            	<c:if test="${requestScope.item.DLVMSPOL == 1}">
                            		<span class="dinmed">배송비무료</span>
                            	</c:if>
                            	<c:if test="${requestScope.item.DLVMSPOL == 2}">
                            		<span class="dinmed">${requestScope.item.DLVMSFSPRC} 이상 구입시 무료</span>
                            	</c:if>
                            	<c:if test="${requestScope.item.DLVMSPOL == 3}">
                            		<span class="dinmed">${requestScope.item.DLVMSIMPOPRC}</span>원
                            	</c:if>
                            </td>
                        </tr>
                        <tr>
                        	<th>총 결제금액</th>
                            <td>
                            	<c:if test="${items.CPNPRC!=null}">
                            		<span class="dinmed credit_price" id="totPrc">${requestScope.item.VIEW_CPNPRC}</span>원
                                </c:if>
                                <c:if test="${items.CPNPRC==null}">
                            		<span class="dinmed credit_price" id="totPrc">${requestScope.item.VIEW_SELPRC}</span>원
                                </c:if>                            	
                            </td>
                        </tr>
                        <tr>
                        	<th>옵션</th>
                            <td>
                            	<select name="prdOption" id="prdOption" class="item_option">
	                            	 <c:if test="${item.OPTIONFL=='OP01'}">
			                              <option value="${itemoption[0].SAPCD}_${itemoption[0].LMTORDCNT}">옵션없음</option>
		                             </c:if>
		                             <c:if test="${item.OPTIONFL!='OP01'}">
			                             <option value="">선택</option>
			                              <c:forEach var="opt" items="${requestScope.itemoption}" varStatus="o">
			                              	<option value="${opt.SAPCD}_${opt.LMTORDCNT}">${opt.PRDNONM}</option>
			                              </c:forEach>
			                        </c:if>
	                            </select>
	                           </td>
                        </tr>
                        <tr>
                        	<th>수량</th>
                            <td>
								<div class="cb">
                                	<a href="#" class="btn_eacontrol gradation_white1 f_l" title="감소" id="eaput_minus">-</a>
                                    <a href="#" class="btn_eacontrol gradation_white1 f_r" title="추가" id="eaput_plus">+</a>
                                    <div class="eainputarea"><input name="eaput" id="eaput" type="number"  value="1"></div>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <div class="btnposition_itembuy">
                    	<div class="btnwline3">
                    		<c:choose>
								<c:when test="${ sessionScope.member_id == null }">
                        			<a href="#" class="cart" title="장바구니 담기" id="guest_cart">장바구니 담기</a>
                            		<a href="javascript:alert('찜하기는 로그인 후 이용가능합니다.');" class="heart" title="찜하기" id="wish">찜하기</a>
                        			<a href="#" title="주문하기" id="guest_order">주문하기</a>
								</c:when>
								<c:otherwise>
                        			<a href="#" class="cart" title="장바구니 담기" id="member_cart">장바구니 담기</a>
                           			<a href="#" class="heart" title="찜하기" id="wish">찜하기</a>
                        			<a href="#" title="주문하기" id="member_order">주문하기</a>
								</c:otherwise>
							</c:choose>
                        </div>
                    </div>
                </section>
                </form>
            </div>
            <div class="tabmenu_area">
            	<ul class="tab_menu1 m_wi3">
                	<li id="tab0_li"><a href="javascript:show_tab(0);" title="상세정보">상세정보</a></li><!--
                 --><li id="tab1_li"><a href="javascript:show_tab(1);" title="상품문의">상품문의</a></li><!--
                 --><li id="tab2_li"><a href="javascript:show_tab(2);" title="주문/배송정보">주문/배송정보</a></li>
                </ul>
            </div>
            <div class="item_dsimg" style="display:none;" id="tab0">
            	<section>
                    <h4>상세정보</h4>
                    ${requestScope.item.PRDDTLINFO }
                </section>
            </div>
            <div class="item_dsimg" style="display:none;" id="tab1">
            	<section>
                    <h4>상품문의</h4>
                    <div class="rpl_wrap">
                        <div class="rpl_intex">로그인한 이용자만 글쓰기가 가능합니다.</div>
                        <div class="txtare">
                            <div class="rpltxleft">
                                <textarea name="" cols="" rows=""></textarea>
                            </div>
                            <input type="submit" class="gradation_white1" value="등록">
                        </div>
                        <div class="txtea">
                        	<div class="f_l inp_ckb">
                                <input type="checkbox" class="ckb" name="checkbox" id="checkbox">
                                <label for="checkbox">비밀글</label>
                       	    </div>
                        	현재 <em>0</em>자 (최대 300자)
                        </div>
                    </div>
                    <ul class="reply_list1">
                        <li>
                            <div class="replypers"><span class="id_name">park****</span>(2013-03-12)</div>
                            <div>
                                자신보다는 언제나 나와 아이들을 먼저 생각하고 늘 챙겨주는 우리 와이프 ! 항상 고맙고 미안하고 사랑해 ! 지금처럼 서로 아껴주고 사랑하면서 행복하고 건강하게 지내자.
                            </div>
                            <a href="#" class="delete" title="삭제">×</a>
                        </li>
                        <li class="reply">
                            <div class="replypers"><span class="id_name">vitamin</span>(2013-03-12)</div>
                            사랑을 아시나요? 모르신다면 화이트데이 만이라도 비타민으로 충족시켜 주세요.
                        </li>
                        <li>
                            <div class="replypers"><span class="id_name">mnew****</span>(2013-03-12)<span class="comimg icon_secret dis_inlineleft" title="비밀글">비밀글</span></div>
                            <div>
                                비밀글입니다.
                            </div>
                            <a href="#" class="delete" title="삭제">×</a>
                        </li>
                        <li>
                            <div class="replypers"><span class="id_name">jink****</span>(2013-03-12)</div>
                            <div>
                                내사랑은 오로지 남편 뿐 인걸,.... 아시나요? 모르시나요?
                            </div>
                            <a href="#" class="delete" title="삭제">×</a>
                        </li>
                    </ul>
                </section>
            </div>
            <div class="item_dsimg" style="display:none;" id="tab2">
            	<section>
                    <h4>주문/배송안내</h4>
                   	<ul class="dash_list mar_b15">
                        <li>결제 완료 후 평균 2일이내 (단, 지역별/업체별 상황에 따라 변경될 수 있습니다. 토/일/공휴일 제외)</li>
                        <li>상품별 개별 배송일 확인 (바로구매 버튼 하단 안내)</li>
                        <li class="att">비타민하우스 자사상품의 경우 군부대 발송을 하지 않습니다.</li>
                    </ul>
                    <div class="head_tit1" title="교환/반품정보">교환/반품정보</div>
                    <ul class="dash_list mar_b20">
                        <li>상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.</li>
                        <li>단순변심 및 고객님의 사정으로 반품하실 경우, 반품배송비는 고객님 부담입니다.(왕복)</li>
                        <li>나의 쇼핑정보 내 반품/교환신청 메뉴에서 바로 접수가 가능합니다.</li>
                    </ul>
                    <b>&lt;반품/교환 가능 시점&gt;</b>
                    <ul class="dash_list mar_b20">
                        <li>반품 및 교환은 상품 수령 후 7일 이내에 신청하실 수 있습니다.</li>
                    </ul>
                    <b>&lt;반품/교환 불가사유&gt;</b>
                    <p>다음의 경우에는 반품/교환이 불가합니다.</p>
                    <ul class="dash_list mar_b20">
                        <li>반품/교환 가능기간을 초과하였을 경우</li>
                        <li>상품 및 구성품을 분실하였거나 취급부주의로 인한 파손/고장/오염된 경우</li>
                        <li>고객님의 요청에 의해 상품사양이 변경(변형)되거나, 주문제작 된 경우 (제작이 시작된 이후부터 취소 및 반품/교환이 불가 합니다.)</li>
                        <li>상품을 사용(조립/설치)하였거나 세탁, 수선 한 경우</li>
                        <li>고객님의 책임있는 사유로 상품 등이 멸실 또는 훼손된 경우(단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우)</li>
                    </ul>
                </section>
            </div>
        </section>
        <!--// 콘텐츠 영역 -->